Lightning Apps and Components

The Lightning Design System is ready to use in your Lightning apps and components.

We have prepared a self-guided workshop to guide you through installation, usage, and examples. It also includes details on how to use the Design System SVG spritemap icons in Lightning components.

You can also find a range of open-sourced sample components in the ForceDotComLabs/sldsx project on github.

Also, please note the following when using the Lightning Design System with Lightning components:

  • When using the component sample code from this site, be sure to replace all static resource paths with the Lightning resource URL syntax, as summarized in the FAQ
  • For details on how to use the Design System SVG spritemap icons in Lightning components, please review the tutorial which covers this in detail. Also note that when using SVG spritemap image icons with MSIE you will need to use a small script called svg4everybody

Finally, we’d love to hear your feedback. Share your thoughts about any aspect of this tutorial or the Lightning Design System in general via our GitHub issues.